.ride {
	display: flex;
	flex-direction: column;

	.main {
		height: 1px;
		flex-grow: 1;
		display: flex;
		flex-direction: column;

		.min-top {
			padding: 10px 20px;
			p {
				line-height: 50px;
				span {
					font-size: 40px;
					font-weight: bold;
					color: #4294ff;
				}
			}
		}
		.map {
			flex-grow: 1;
			background-color: #4294ff;
			height: 1px;
			#container {
				height: 100%;
				width: 100%;
			}
		}
		.btn {
			position: fixed;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 150px;
			height: 150px;
			background-color: #9bc5fb;
			color: #2095cf;

			line-height: 150px;
			text-align: center;
			font-size: 50px;
			font-weight: bold;
			border-radius: 50%;
		}
	}
	.amap-logo {
		display: none !important;
	}
	.amap-copyright {
		display: none !important;
	}
	.box {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: #4294ff;
		display: none;
	}
	.box2 {
		position: fixed;
		left: 0;
		top: 30%;
		width: 100%;
		color: aliceblue;
		text-align: center;
		font-size: 150px;
		font-weight: bold;
		display: none;
	}
}
